<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 什么是JSON？
    /*
          1.JSON是一种数据结构
          2.JSON本质上是字符串
          3.结构类似于js数组和对象的结构
          4.JSON对象的键名一定要双引号,单引号或者没有引号都不行
          5.JSON对象的最后一个属性不能有逗号
    */
    //  JSON数据格式
    //  JSON的作用: 可以和JS产生良好的交互，通常是使用JSON格式进行前后端数据的交互
    //  {
    //    "name" : "张三",
    //    "age"  :  "20",
    //    "hobby": [
    //      "唱",
    //      "篮球"
    //    ]
    //  }
    var obj = {
      name: "张三",
      age: "20",
      hobby: [
        "唱",
        "篮球"
      ]
    }


    // JSON.stringify()  将一个值转换为JSON字符串
    var form={
      username:'admin',
      password:'123456'
    }
    var newdata=JSON.stringify(form)
    console.log(`转换前:`,form);
    console.log(`转换后:${newdata}`);

    // JSON.parse()    将JSON字符串转换成JS可以使用的值
    var newobj=JSON.parse(newdata)
    console.log(newobj);

</script>
</body>

</html>